<template>
  <div class="success">
    <div class="title">恭喜你,支付成功！</div>
    <div class="successImg-wrap">
      <img src="../assets/success_03.jpg" alt="" class="successImg" width="80" height="80">
    </div>
    <div class="order">
      您的订单已经支付成功.
    </div>
    <div class="back">
    该页面会在28秒后自动跳转查询页.
    </div>

  </div>
</template>

<script type="text/ecmascript-6">
  export default {
    name: "success"
  }
</script>

<style scoped lang="less" type="text/less">
  .success {
    .title{
      font-size: .55rem;
      text-align: center;
      margin-top: 1rem;
    }
    .successImg-wrap {
      text-align: center;
      margin-top: .5rem;
    }
    .order{
      font-size: .35rem;
      text-align: center;
      margin-top: .5rem;
    }
    .back{
      width: 4.2rem;
      height: .8rem;
      border: 1px solid #ccc;
      margin: 1rem auto;
      font-size: .25rem;
      text-align: center;
      line-height: .8rem;
      /*margin-top: 1rem;*/
    }
  }

</style>
